<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery.dialog</title>
<link rel="stylesheet" type="text/css" href="../themes/default/linkbutton.css" />
<link rel="stylesheet" type="text/css" href="../themes/default/dialog.css" />
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
<style>
	html, body {
		margin: 0;
		padding: 0;
	}
</style>
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript" src="../src/jquery.parser.js">
</script>
<script type="text/javascript" src="../src/jquery.linkbutton.js">
</script>
<script type="text/javascript" src="../src/jquery.dialog.js">
</script>
</head>
<body>
<button>测试</button>
<div class="dialog" style="width:400px;">
  <div class="dialog-header">
    标题
    <a class="dialog-close" href="javascript:void(0)"></a>
  </div>
  <div class="dialog-view">
	  <div class="dialog-toolbar">
	    <a class="l-btn l-btn-small l-btn-plain" href="javascript:void(0)">
		    <span class="l-btn-left l-btn-icon-left">
			    <span class="l-btn-text">Add</span>
			    <span class="l-btn-icon icon-add">&nbsp;</span>
		    </span>
	    </a>
	  </div>
	  <div class="dialog-body" style="padding: 10px;">
	  	内容
	  </div>
	  <div class="dialog-button">
	    <a class="l-btn l-btn-small" href="javascript:void(0)"> 
	    	<span class="l-btn-left l-btn-icon-left"> 
	    		<span class="l-btn-text">Ok</span> 
	    		<span class="l-btn-icon icon-ok">&nbsp;</span> 
    		</span> 
	    </a>
	    <a class="l-btn l-btn-small" href="javascript:void(0)">
		    <span class="l-btn-left">
		    	<span class="l-btn-text">Cancel</span>
		    </span>
	    </a>
	  </div>
  </div>
</div>

<br>

<div id="toolbar" class="dialog-toolbar">
<a class="l-btn l-btn-small l-btn-plain" href="javascript:void(0)">
    <span class="l-btn-left l-btn-icon-left">
	    <span class="l-btn-text">Add</span>
	    <span class="l-btn-icon icon-add">&nbsp;</span>
    </span>
</a>
</div>
<div id="buttons" class="dialog-button">
<a class="l-btn l-btn-small" href="javascript:void(0)"> 
	<span class="l-btn-left l-btn-icon-left"> 
		<span class="l-btn-text">Ok</span> 
		<span class="l-btn-icon icon-ok">&nbsp;</span> 
	</span> 
</a>
<a class="l-btn l-btn-small" href="javascript:void(0)">
    <span class="l-btn-left">
    	<span class="l-btn-text">Cancel</span>
    </span>
</a>
</div>
<div title="测试" class="xui-dialog" data-options="initDom:true,toolbar:'#toolbar',buttons:'#buttons'" style="padding: 10px; width:400px;">
内容
</div>

	  
<script type="text/javascript">
	$(function() {
		$('.dialog1,.xui-dialog').dialog({
			closed:false
		});
	});
</script>
</body>
</html>